.timeline-item {
  background: #fff;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  height: 50rem;
  list-style: none !important;
  /* display: none; */
}

.timeline-item .top1 {
  height: 3.747rem;
  background-color: #f6f7f8;
}

.timeline-item .top2 {
  margin-top: 0.15rem;
  height: 1.2rem;
  background-color: #f6f7f8;
}

.timeline-item .main-sk {
  padding: 0 0.533rem;
}

.timeline-item .main-sk .nav {
  margin-top: 1rem;
  display: flex;
}

.timeline-item .main-sk .nav .nav1 {
  width: 1.64rem;
  background-color: #f6f7f8;
  height: 0.427rem;
  border-radius: 2px;
}

.timeline-item .main-sk .nav .nav2 {
  background-color: #f6f7f8;
  width: 1.24rem;
  height: 0.427rem;
  border-radius: 2px;
  margin-left: 6rem;
}

.timeline-item .main-sk .item-content {
  margin-top: 0.52rem;
}

.timeline-item .main-sk .item-content a {
  text-decoration: none;
  color: black;
  display: flex;
  overflow-x: scroll;
}

.timeline-item .main-sk .item-content a div {
  border-radius: 0.24rem;
  margin-right: 0.413rem;
}

.timeline-item .main-sk .item-content a div div {
  background-color: #f6f7f8;
  width: 3.093rem;
  height: 4.587rem;
  border-radius: 0.24rem;
}

.timeline-item .main-sk .item-content a div p {
  background-color: #f6f7f8;
  text-align: center;
  width: 3.093rem;
  font-size: 0.32rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.timeline-item .style {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
}

.timeline-item .animated-background {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 96px;
  position: relative;
}

.timeline-item .background-masker {
  background: #fff;
  position: absolute;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
